<template>
	<div class="main" ref='remove'>
		<div v-transfer-dom>
			<popup v-model="show8" position="right">

				<div style="width:7.5rem;" class="selectNewsWrap">
					<div class="top flex-h" v-on:click="clearFatherObj">
						<!-- <svg-icon icon-class="top_icon_back" /> -->
							<img class="imgIcon" src="~/static/iconsvgs/top_icon_back.png" alt="">
						<span class="flex1 univTitle">北京大学</span>
					</div>
					<scroller style="top: 46px;">
						<select-picker v-on:showPick1="showPicks" v-on:showPickCty1="showPicksCty" :pov='value1[0]' :cty='value2[0]' titles="2019年招生计划"></select-picker>
						<admission-line :lineData="lineData2" :titleData='titleData2'></admission-line>
					</scroller>


				</div>
			</popup>
		</div>
		<popup-picker :show.sync="showPopupPicker" :show-cell="false" :data="list1" v-model="value1" @on-show="onShow"
		 @on-hide="onHide" @on-change="onChange"></popup-picker>
		<popup-picker :show.sync="showPopupPicker1" :show-cell="false" :data="list2" v-model="value2" @on-change="onChange1"></popup-picker>
	</div>
</template>
<script>
	import {
		TransferDom,
		Popup,
		PopupPicker
	} from 'vux'
	import admissionLine from '~/components/admissionLine'
	import selectPicker from '~/components/selectPicker'
	export default {
		head: {
			title: ''
		},
		directives: {
			TransferDom
		},
		components: {
			TransferDom,
			Popup,
			admissionLine,
			selectPicker,
			PopupPicker

		},
		props: {
			show8: {
				type: Boolean,
				default: false
			},
		},
		data() {
			return {
				titleData2: ['招生专业', '最高分', '最低分', '平均分', '最低位次', '录取数'],
				lineData2: [{
						main: ['航天航空科学技术研究类', 674, 100, 200, 20, 121],
				
					},
					{
						main: ['建筑工程技术', 674, 100, 200, 20, 121],
				
					},
					{
						main: ['通信工程', 674, 100, 200, 20, 121],
				
					},
					{
						main: ['建筑工程', 674, 100, 200, 20, 121],
				
					},
					{
						main: ['计算机网络', 674, 100, 200, 20, 121],
				
					}
				],
				showPopupPicker: false,
				showPopupPicker1: false,
				title1: '手机机型',

				list1: [
					['湖北', '湖南', '广西', '北京', '上海', '深圳', '其他']
				],
				list2: [
					['理科', '文科']
				],

				value1: ['湖南'],
				value2: ['理科'],
			}

		},
		mounted: function() {




		},
		destroyed() {},
		watch: {

		},
		methods: {
			onChange(val) {
				console.log('val change', val)
			},
			onChange1(val) {
				console.log('val change', val)
			},
			onShow() {
				console.log('on show')
			},
			onHide(type) {
				console.log('on hide', type)
			},
			showPicks() {
				this.showPopupPicker = true;

			},
			showPicksCty() {
				this.showPopupPicker1 = true;

			},
			clearFatherObj() {
				this.$emit('clearFatherObj1')
			}

		}

	}
</script>

<style scoped lang="less">
	.selectNewsWrap {
		width: 7.5rem;
		min-height: 100vh;
		background: #fff;
		padding: 0 0.3rem;
		box-sizing: border-box;

		.top {
			width: 100%;
			height: 46px;
			line-height: 46px;

			.imgIcon {
				width: 0.4rem;
				height: 0.4rem;
			}

			.univTitle {
				text-align: center;
				font-size: 0.4rem;
				font-weight: bold;
				color: rgba(34, 34, 34, 1);

			}
		}
	}
</style>
